/*
  学习目标：hooks-三个使用限制
   
*/

import { useState } from 'react';

const isShow = false;
const list = [1, 3];
export default function App() {
  const [count, setCount] = useState(99);

  //  1. 不能在if else语句中使用hooks
  if (false) {
    //❌ const [msg, setMsg] = useState('hello 80');
  }

  //  2. 不能在for语句中使用hooks
  for (let i = 0; i < list.length; i++) {
    //❌ const [msg, setMsg] = useState('hello');
  }

  // const [title, setTitle] = useState('hello React');

  return (
    <div>
      <h1>数量: {count}</h1>
      <button onClick={() => setCount(count + 1)}>点我+ 1</button>
    </div>
  );
}

// 3. 不能在普通函数中使用hooks
// React中的特殊函数:
// 1. 函数式组件: 大写开头的函数, 返回JSX
// 2. 自定义hooks: useXxxx的函数

function hello(params) {
  //❌ const [msg, setMsg] = useState('hello');
}
